<template>
  <div>
      <div class="category" v-for="item in categoryList" :key="item.id">
        <div class="title"> {{item.name}} </div>
        <ProductList :goodsList="item.goodsList" />
      </div>
  </div>
</template>
 
<script>

import ProductList from '../popup/ProductList'

export default {
  props: ["categoryList"],
  components:{
    ProductList
  }
};
</script>
 
<style lang = "less" scoped>
.category{
  background: #fff;
  margin-top: 20px;
}
</style>